<template>
    <div v-for="todo in todos" :key="todo.id" data-test="todo">
        {{ todo.text }}
    </div>
</template>

<script lang="ts">
export default {
    name: 'TodoApp',

    data() {
        return {
            todos: [
                {
                    id: 1,
                    text: 'Learn Vue.js 3',
                    completed: false
                }
            ]
        }
    }
}
</script>
